<html>
<head>
	<title>SGA - Sistema de Gernciamento de Almoxarifado - Login</title>
	<link rel="stylesheet" href="css/pg.css" type="text/css">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<script type="text/javascript">
		//verifica se tem algum campo vazio, se verdadeiro retorna falso
		function valida () {
			var login = document.getElementById("login").value;
			var senha = document.getElementById("senha").value;
			//verifica se tem algum campo vazio, se ouver campo vazio retorna falso
			if (login =="" || senha == "") {
				return false;
			}else{
				return true;
			}
		}
	</script>
</head>

<body>
	<div style="width: 500px; height:500px; margin: 0 auto; text-align: left">
		
	
		<fieldset class="field" id="formulario">
			<legend style="position: relative; top:50%; left:4%; font-size: small; float:left">Sistema de Gerenciamento de Almoxarifado - SGA</legend>
			<label style="font-family: Segoe UI; font-style: small-caps; font-weight: Bold">Login</label><br>
				<form action="clogin.php" method="post" onsubmit='return valida()' accept-charset="utf-8">
					<label>Usuario:</label><input type="text" name="login" id="login"><br>
					<label>Senha:</label><input type="password" name="senha" id="senha" maxlength="8"><br>
					
					<input type="reset" value="Limpar">
					<input type="submit" value="Ok">
				</form>
			</fieldset>
	</div>
</body>
</html>